<template>
  <view class="package order" v-for="item in getUreaLog" :key="item.id">
    <view class="status">{{item.status_text}}</view>
    <view>订单号：{{item.order_sn}}</view>
    <view class="space-between" style="margin:10rpx 0px;">
      <view>{{item.driver_name}}</view>
      <view style="color:#DD0301;">{{item.amount}}公斤</view>
    </view>
    <view class="space-between lit">
      <view>{{item.price}}元/公斤</view>
      <view>金额￥{{item.money}}</view>
    </view>
    <view class="space-between lit" style="margin-top:10rpx;">
      <view>{{item.createtime}}</view>
      <view>加注机：{{item.fill_name}}</view>
    </view>
  </view>
</template>

<script setup lang="ts">
  const props = defineProps({
    getUreaLog: { type: Array },
  });
</script>

<style scoped lang="less">
  .order {
    position: relative;

    .status {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 117rpx;
      height: 48rpx;
      background: #E3E3E3;
      border-radius: 0px 5px 0px 5px;
      text-align: center;
      line-height: 48rpx;
    }
  }

  .lit {
    font-size: 26rpx;
  }
  .package:nth-of-type(1){
    margin-top:0px;
  }
</style>